@charset "UTF-8";

@media screen and (min-width:769px) {
.pc_none{display:none;}
#header img { width: auto; max-width: auto; height: auto; vertical-align: top;}
/*Header*/
#header { width:100%; height:80px; padding: 0 50px; background-color:#425563; line-height: 1; box-sizing: border-box;}
#header .inner ul { display:inline-block; margin:0 0 0 48px ;}
#header .inner ul li { display:inline-block;}
#header .inner ul li a { padding:32px 20px; display:block; color:#ffffff; text-decoration: none;}
#header .inner ul li a:hover { text-decoration: underline;}
#header .inner ul li a img { display:inline-block; margin:2px 5px 3px 0;}
#header .inner .logo { width:118px; height:80px; display:inline-block; vertical-align: top;}
#header .inner .search { position: relative; float: right; margin: 25px 0;}
#header .inner .search_btn { position: absolute; top: 10px; left: 10px; border: 0px; width:14px; height:11px; background: url("../images/common/pc_search.png") left top no-repeat; cursor:pointer;}
#header .inner .search_box { border: 0px; width:185px; height:28px; border:solid 1px #cccccc; border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px; padding: 0 10px 0 30px; color:#607b76;}

/*Footer*/
#footer { width:100%; height:70px; background-color:#425563; line-height: 1; font-size:13px;}
#footer .inner ul {text-align:center;}
#footer .inner ul li {display:inline-block;padding:0 10px;border-right:1px solid #ffffff;margin:15px 0 12px 0;}
#footer .inner ul li:last-child {border-right:none;}
#footer .inner ul li a {color:#ffffff;text-decoration: none;}
#footer .inner ul li a:hover {text-decoration: underline;}
#footer .inner div.copylight { font-size:13px; color:#ffffff; text-decoration: none; text-align:center;}
}

@media screen and (max-width: 768px) {
.sp_none{ display:none;}
#header img { width: auto; max-width: auto; height: auto;}
/*Header*/
#header { position: relative; width:100%; padding: 0 12px; background-color:#425563; line-height: 1; box-sizing: border-box;}
#header .inner ul { list-style:none; display:none;}
#header .inner ul li { border-top: 1px solid #ffffff; margin:0; font-size:14px;}
#header .inner ul li a { display:block; padding:18px 0; color:#ffffff; text-decoration: none;}
#header .inner ul li a img { display:none;}
#header .inner .logo { width:120px; height:auto; display:inline-block; vertical-align: top;}
#header .inner .search { position: relative; display:none; border-top:1px solid #ffffff;}
#header .inner #search_btn { position: absolute; top:37px; right:80px; border: 0px; width:25px; height:auto; background: url("../images/common/pc_search.png") left top no-repeat; background-size:100%; cursor:pointer;}
#header .inner #search_box { border: 0px; width:506px; height:56px; border:solid 1px #cccccc; border-radius: 28px; -webkit-border-radius: 28px; -moz-border-radius: 28px; padding: 0px 30px 0 60px; font-size:23px; color:#607b76; margin:30px 0;}
#header .inner #menu_btn { position: absolute; display: inline-block; top:41px; right:29px; width: 25px; height: auto; margin: 0px;}
#header .inner #menu_btn_icon { display: block; width: 25px; height: 2px; background: #a1aab1; transition: .2s;}
#header .inner #menu_btn_icon:before,
#header .inner #menu_btn_icon:after { display: block; content: ""; position: absolute; width: 25px; height: 2px; background: #a1aab1; transition: .3s;}
#header .inner #menu_btn_icon:before{ margin-top: 7px;}
#header .inner #menu_btn_icon:after{ margin-top: 14px;}
#header .inner #menu_btn .close{ background: transparent;}
#header .inner #menu_btn .close:before,
#header .inner #menu_btn .close:after{ margin-top: 10px;}
#header .inner #menu_btn .close:before{ transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
#header .inner #menu_btn .close:after{ transform: rotate(-135deg); -webkit-transform: rotate(-135deg);}
	
/*Footer*/
#footer { width:100%; padding: 0 12px; background-color:#425563; box-sizing: border-box;}
#footer .inner ul { list-style:none;}
#footer .inner ul li { border-bottom:1px solid #ffffff; margin:0; font-size:14px;}
#footer .inner ul li:last-child { border-right:none;}
#footer .inner ul li a { display:block; padding:16px 0; color:#ffffff; text-decoration: none;}
#footer .inner div.copylight { padding:20px 0; font-size:11px; color:#ffffff; text-decoration: none; text-align:center;}
}